@charset "utf-8";
//格子颜色
$gridColor:#ffa500;
html{
    font-size: 62.5%;
}
body{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}
.gridWrap{
    width: 100%;
    .grid{
        float: left;
        width: 30%;
        padding: 15% 0;
        margin: 2.5% 0 0 2.5%;
        border-radius: 5%;
        background: $gridColor;
    }
}
.btnWrap{
    width: 100%;
    .btn{
        width: 96%;
        padding: 5% 0;
        margin: 4% 2% 0;
        border-radius: 2%;
        border: 1px solid $gridColor;
        outline-style: none;
        font-size: 1.6rem;
        color: $gridColor;
        text-align: center;
        cursor: pointer;
        background: white;
        &:hover,&:focus{
            color: white;
            background: $gridColor;
        }
    }
}
